<!DOCTYPE html>
<html lang="en">
<head>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        body{margin: 10px auto;}
        ul>li{margin: 10px;}
        h4>a{color: white;}
    </style>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
</head>
<body>
<div class=container>
    <div class="row clearfix">
        <div class=" col-md-7 column">
            <h3>浙江工商大学软件工程系毕业设计提交系统</h3>
        </div>
        <div class="col-md-5 column">
            <ul class="nav nav-pills  navbar-right">
                <li>
                    <a class="btn-info" href="main.html">返回</a>
                </li>
                <li >
                    <a class="btn-primary" href="personal_info.html">个人信息</a>
                </li>
                <li >
                    <a class="btn-danger" href="#">登出</a>
                </li>
            </ul>
        </div>
    </div>
    <hr />
    <div >
        <ul id="myTab" class="nav nav-tabs">
            <li class="active">
                <a href="#home" data-toggle="tab">
                    个人信息
                </a>
            </li>
            <li><a href="#bisheqingkuang" data-toggle="tab">毕设情况</a></li>
        </ul>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="home">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta blanditiis incidunt fugiat officiis mollitia laboriosam nisi tempore soluta quo repellat expedita odio eligendi autem. Itaque quo cumque saepe repellendus quis?</p>
            </div>
            <div class="tab-pane fade" id="bisheqingkuang">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum ipsam voluptates tempore odio quibusdam iste id aut vel. Unde quod dicta commodi ab laborum aliquid odit et soluta adipisci incidunt!</p>
            </div>
        </div>
    </div>
    <div class="col-md-12 column">
        <table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
            <tbody><tr>
                <td height="100" align="center" bgcolor="#e4e4e4"><table width="950" border="0" cellspacing="0" cellpadding="0" style="margin-top:15px">
                    <tbody><tr>
                        <td width="817"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody><tr>
                                <td width="27%" align="left"><img src="../../img/111.gif" width="214" height="38" align="absbottom"></td>
                                <td width="73%" align="left" style="padding-top:8px"><a href="http://www.miitbeian.gov.cn

" target="_blank" style="color:#999">浙ICP备05073962号</a>　<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33011802000512

" style="color:#999">浙公网安备 33011802000512号</a></td>
                            </tr>
                            <tr>
                                <td height="35" colspan="2" align="left" style="color:#888888">地址：浙江省杭州市下沙高教园区学正街18号　邮编：310018　电话：（86）571-28877777　传真：（86）571-28877222</td>
                            </tr>
                            </tbody></table></td>
                        <td width="143" align="right" valign="bottom"><img src="../../img/222.gif" width="139" height="104"></td>
                    </tr>
                    </tbody></table></td>
            </tr>
            <tr>
                <td height="19" bgcolor="#807e7f"></td>
            </tr>
            </tbody></table>


    </div>
</div>
</body>

</html>